* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	width:100%;
	height:100%;
}
body {
	font-family:Titillium Web, Arial, sans-serif;
	width:100%;
	height:100%;
	font-size:70%;
	text-transform: none;
}

/* ad background */
a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
    text-decoration: none;
    background: #172c49;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* general styles of ad components */
/* (No dimensions or font sizes here) */
h1 {
	position:absolute;
	color:#FFFFFF;
    height:300px;
    width:100%;
    line-height:70px;
    align-content:center;
    vertical-align:central;
    text-align:center;
    padding-left:100px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-ms-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-ms-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	/*
	text-shadow:1px 1px 3px #000;
	*/
}
h2 {
	background:black;
	/*
	background-image: linear-gradient(bottom, black 0%, gray 95%);
	background-image: -o-linear-gradient(bottom, black 0%, gray 95%);
	background-image: -moz-linear-gradient(bottom, black 0%, gray 95%);
	background-image: -webkit-linear-gradient(bottom, black 0%, gray 95%);
	background-image: -ms-linear-gradient(bottom, black 0%, gray 95%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, black),
		color-stop(0.95, gray)
	);
	*/
	color:#ffffff;
	width:100%;
	position:absolute;
	font-weight:normal;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-ms-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-ms-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
    align-content:center;
    vertical-align:central;
    text-align:center;
    height:50px;
    padding-left:100px;
}
img {

        position:absolute;
		width:auto;
        height:85px;
		left:10px;
		z-index:900;
        display:block;
}
p {
	font-style:italic;
	position:absolute;
	/*
	text-shadow:1px 1px 4px #000;
	*/
}
/* 31 PIXELS HIGH */
@media only screen and (height:31px) {

	h1 span {
		display:block;
        text-align:center;
		font-size:1.4em;
		top:0;
		line-height:31px;
	}
	h2, p, img {
	}
}
@media only screen and (height:31px) and (min-width:234px) {


}
@media only screen and (height:31px) and (min-width:440px) {

	h2 {
		display:block;
		width:50%;
		height:100%;
		line-height:31px;
		top:0;
		right:0;
		text-align:center;
		font-size:1.2em;
		-webkit-border-top-left-radius:0;
		-moz-border-radius-topleft:0;
		-ms-border-top-left-radius:0;
		-o-border-top-left-radius:0;
		border-top-left-radius:0;
		-webkit-border-bottom-left-radius:0;
		-moz-border-radius-bottomleft:0;
		-ms-border-bottom-left-radius:0;
		-o-border-bottom-left-radius:0;
		border-bottom-left-radius:0;
	}
}
@media only screen and (height:31px) and (min-width:560px) {

	h2 {
		width:35%;
		right:30%;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
	}
	p {
		display:block;
		top:0;
		right:0;
		width:30%;
		line-height:31px;
		text-align:center;
	}
}

/* 60 PIXELS HIGH */
@media only screen and (height:60px) {


	h2 {
		display:block;
		height:20px;
		line-height:20px;
		padding:0 20%;
		left:0;
		bottom:0;
		text-align:center;
		font-size:.8em;
	}
	p, img {
		display:none;
	}
}
@media only screen and (height:60px) and (min-width:234px) {

	h2 {
		font-size:1.2em;
		line-height:22px;
	}
}
@media only screen and (height:60px) and (min-width:440px) {

	h2 {
	}
	img {
	}
}
@media only screen and (height:60px) and (min-width:560px) {
	img {
		display:block;
		width:auto;
	}
	p {
		display:block;
		top:0;
		right:3%;
		width:23%;
		height:38px;
		line-height:38px;
	}
}
@media only screen and (height:60px) and (min-width:600px) {
	img {

	}
	
}

/* 90 PIXELS HIGH */
@media only screen and (height:90px) {
	h2 {
		display:block;
		left:0;
		bottom:0;
		height:40px;
		line-height:20px;
		text-align:center;
		font-size:1.3em;
	}
	h2 span {
		display:block;
	}
	p, img {
	}
}
@media only screen and (height:90px) and (min-width:240px) {

	h2 {
		left:0;
		bottom:0;
		font-size:1.3em;
	}
	img {
	}
}
@media only screen and (height:90px) and (min-width:300px) {

	h2 {
		height:30px;
		line-height:30px;
	}
	h2 span {
		display:inline;
	}
}
@media only screen and (height:90px) and (min-width:390px) {
	img {
	}
	p {
		display:block;
		bottom:35px;
		right:3%;
		width:18%;
		line-height:1.4em;
	}
}
@media only screen and (height:90px) and (min-width:480px) {


	img {
	}
	p {
		display:none;
	}
}
@media only screen and (height:90px) and (min-width:620px) {

	img {
	}
	p {
		display:block;
		bottom:38px;
		width:14%;
		font-size:1.2em;
	}
}

/* 125 PIXELS HIGH */
@media only screen and (height:125px) {

	h1 span {
		display:block;
	}
	h2 {
		display:block;
		left:0;
		bottom:0;
		height:60px;
		line-height:30px;
		text-align:center;
		font-size:1.3em;
	}
	h2 span {
		display:block;
	}
	p, img {
	}
}
@media only screen and (height:125px) and (min-width:240px) {

	h2 {
		left:0;
		bottom:0;
		padding-left:10%;
		font-size:1.3em;
	}
	img {

	}
}
@media only screen and (height:125px) and (min-width:300px) {

	h2 {
		height:35px;
		line-height:35px;
	}
	h2 span {
		display:inline;
	}
}
@media only screen and (height:125px) and (min-width:390px) {

	img {

	}
	p {
		display:none;
	}
}
@media only screen and (height:125px) and (min-width:480px) {
	img {
	}
	p {
		display:block;
		bottom:40px;
		right:3%;
		width:18%;
		line-height:1.4em;
		font-size:1.3em;
	}
}
@media only screen and (height:125px) and (min-width:620px) {

	h1 span {
		display:inline;
	}
	h2 {
	}
	img {
	}
	p {
		display:block;
		bottom:40px;
		width:13%;
		font-size:1.2em;
	}
}

/* 250 PIXELS HIGH */
@media only screen and (height:250px) {

	h1 span {
		display:block;
	}
	h2 {
		display:block;
		left:0;
		top:50px;
		height:50px;
		line-height:25px;
		text-align:center;
		font-size:1.3em;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
		z-index:100;
	}
	h2 span {
		display:block;
	}
	img {
	}
	p {
		left:4%;
		bottom:6px;
		font-size:1.1em;
		width:92%;
		line-height:1.4em;
	}
	p span {
		display:block;
	}
}
@media only screen and (height:250px) and (min-width:125px) {
	img {
	}
}
@media only screen and (height:250px) and (min-width:165px) {

	h2 {
		top:70px;
		height:70px;
		line-height:33px;
		font-size:1.7em;
	}
	img {
	}
	p {
		padding-left:100px;
	}
}
@media only screen and (height:250px) and (min-width:220px) {

	h2 {
		top:90px;
		height:45px;
		line-height:45px;
		font-size:1.7em;
	}
	h2 span {
		display:inline;
	}
	img {
	}
	p {
		padding-left:120px;
		font-size:1.2em;
	}
}
@media only screen and (height:250px) and (min-width:300px) {

	h2 {
		top:130px;
		height:60px;
		line-height:30px;
		font-size:1.4em;

	}
	h2 span {
		display:block;
	}
	img {

	}
	p {
		width:100%;
		left:auto;
		padding-left:120px;
		font-size:1.2em;
	}
}
@media only screen and (height:250px) and (min-width:600px) {

	h2 {
		text-align:center;
		padding:0;
		line-height:60px;
		font-size:2.5em;
	}
	h2 span {
		display:inline;
	}
}


/* 400 PIXELS HIGH */
@media only screen and (height:400px) {


	h2 {
		display:block;
		left:0;
		top:70px;
		height:50px;
		line-height:25px;
		text-align:center;
		font-size:1.3em;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
		z-index:100;
	}
	h2 span {
		display:block;
	}
	img {
	}
	p {
		left:0;
		bottom:6px;
		font-size:1.1em;
		width:100%;
		line-height:1.4em;
		text-align:center;
	}
	p span {
		display:block;
	}
}
@media only screen and (height:400px) and (min-width:125px) {
	img {
	}
}
@media only screen and (height:400px) and (min-width:180px) {

	h2 {
		top:70px;
		height:70px;
		line-height:33px;
		font-size:1.7em;
	}
	img {
	}
}

@media only screen and (height:400px) and (min-width:220px) {

	h2 {
		top:100px;
		height:40px;
		line-height:40px;
	}
	h2 span {
		display:inline;
	}
	img {
	}
	p span {
		display:inline;
	}
}
@media only screen and (height:400px) and (min-width:300px) {

	h2 {
		top:130px;
		height:100px;
		line-height:47px;
		font-size:2.2em;
	}
	h2 span {
		display:block;
	}
	img {
	}
	p {
		width:40%;
		left:55%;
		font-size:1.2em;
		text-align:left;
	}
	p span {
		display:block;
	}
}
@media only screen and (height:400px) and (min-width:445px) {

	h2 {
		top:160px;
		height:80px;
		line-height:80px;
		font-size:3em;
	}
	h2 span {
		display:inline;
	}
	img {
	}
	p {
		font-size:1.5em;
	}
}
@media only screen and (height:400px) and (min-width:650px) {

	h1 span {
		display:inline;
	}
	h2 {
		top:130px;
		font-size:4em;
	}
	img {
	}
	p {
		font-size:1.7em;
	}
}


/* 400 PIXELS HIGH */
@media only screen and (height:600px) {

	h1 span {
		display:block;
	}
	h2 {
		display:block;
		left:0;
		top:160px;
		height:50px;
		line-height:25px;
		text-align:center;
		font-size:1.3em;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
		z-index:100;
	}
	h2 span {
		display:block;
	}
	img {
	}
	p {
		left:0;
		bottom:30px;
		font-size:1.1em;
		width:100%;
		line-height:1.4em;
		text-align:center;
	}
	p span {
		display:block;
	}
}
@media only screen and (height:600px) and (min-width:180px) {

	h2 {
		font-size:1.7em;
	}
	img {
	}
}
@media only screen and (height:600px) and (min-width:220px) {

	h2 {
		font-size:2em;
		height:70px;
		line-height:33px;
	}
	img {
	}
	p {
		font-size:1.6em;
	}
}
@media only screen and (height:600px) and (min-width:280px) {

	img {
	}
	p {
		text-align:left;
		bottom:10px;
		width:92%;
		left:4%;
	}
	p span {
		display:inline;
	}
}
@media only screen and (height:600px) and (min-width:300px) {

	h2 {
		top:180px;
	}
	img {
	}
}
@media only screen and (height:600px) and (min-width:350px) {

	h2 {
		height:40px;
		line-height:40px;
	}
	h2 span {
		display:inline;
	}
	img {
	}
}
@media only screen and (height:600px) and (min-width:450px) {

	img {
		width:78%;
		left:-10%;
	}
	p {
		width:20%;
		left:73%;
	}
}
@media only screen and (height:600px) and (min-width:580px) {

	h2 {
		top:210px;
		font-size:4em;
		height:150px;
		line-height:73px;
	}
	h2 span {
		display:block;
	}
	img {

	}
	p {
		width:40%;
		left:55%;
	}
}